9259
10666
Ich habe ein Projekt mit Express und Lenker gestartet und wurde dann aufgefordert, mir Vue.js anzuschauen. Ich bin noch im Lesen der Dokumente, kann aber bisher nicht verstehen, wie Layouts, Partials und Abschnitte in Vue.js vorhanden sind. Ich denke, ein Teil wäre eine Komponente, aber ich habe keine Ahnung, wie man ein Layout mit Teilen und Abschnitten erstellt, in die ich Inhalte einfügen kann.
Dies ist, was ich mit npm Express-Lenker in einer Datei namens baselayout.hbs mache:



{{> global / headcode}} 
{{{_sections.pagemeta}}} 


{{> global / siteheader}}
{{{body}}} {{> sitefooter}} {{{_sections.pagescripts}}} Wie könnte ich in Vue.js so etwas wie das oben Gesagte einrichten, das auch mit serverseitigem Rendering funktioniert? Ich brauche nur ein Basislayout mit Kopf- / Fußzeilenkomponenten, aber auch Abschnitten, in die seitenspezifischer Inhalt eingefügt werden kann.
Für SSR sollten Sie sich Nuxt.js, Vapper oder eines der anderen SSR Vue-Frameworks ansehen.
Das heißt, ja, Sie würden Komponenten für alles verwenden. Im Allgemeinen haben Sie eine Komponente für Ihr Hauptlayout, dann eine für jede Ansicht und dann einzelne Komponenten für jeden Teil / Abschnitt, den Sie dann in Ihre Ansichten und / oder Ihr Hauptlayout importieren würden. So zum Beispiel basierend auf dem obigen Code:
Ihr Haupt-App-Layout:
// AppLayout.vue